<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>普通员工薪酬</title>
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../../lib/bootstrapTable/bootstrap-table.css">
    <link rel="stylesheet" href="../../lib/font-awesome/css/font-awesome.css">


</head>
<body>

<div class="container-fluid">
    <!--div.row*3 + tab
-->
    <div class="row">
        <ol class="breadcrumb">
            <li><a href="#">主页</a></li>
            <li>员工薪酬管理</li>
            <li>
                普通员工薪酬
            </li>
        </ol>
    </div>
    <div class="row">
        <form class="form-horizontal">
            <div class="col-md-4">
                <div class="form-group">
                    <label  class="control-label col-md-4">员工姓名</label>
                    <div class="col-md-8">
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
          <div class="col-md-4">
              <div class="form-group">
                  <label  class="control-label col-md-4">部门</label>
                  <div class="col-md-8">
                      <select class="form-control"></select>
                  </div>
              </div>
          </div>

            <div class="col-md-4">
                <div class="form-group">
                    <button class="btn btn-success">搜索</button>
                </div>
            </div>

        </form>
    </div>
    <div class="row">
        <table id="list">
        </table>
    </div>

</div>



<div id="toolbar" class="btn-group">
    <button class="btn btn-success" id="btnAdd">添加</button>
    <button>修改</button>
    <button>删除</button>
</div>


<div class="modal fade" id="info">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <h3 id="infoTitle">普通员工薪资——创建</h3>
            </div>
            <div class="modal-body">

                <form class="form-horizontal">

                    <div class="form-group">
                        <label  class="control-label col-md-4">员工姓名</label>
                        <div class="col-md-8">
                        <select  class="form-control" id="employeeForEdit"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="control-label col-md-4">基本工资</label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="basic"/>
                        </div>
                    </div>



                    <div class="form-group">
                        <label  class="control-label col-md-4">税后工资</label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="post"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label  class="control-label col-md-4">减除工资</label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="sub"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="control-label col-md-4">实发工资</label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="real"/>
                        </div>
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button class="btn btn-primary" id="btnSaveForAdd">保存(添加)</button>
                <button class="btn btn-success" id="btnSaveForEdit">保存（修改）</button>
                <button class="btn btn-warning">取消</button>
            </div>
        </div>
    </div>
</div>

</body>
<script src="../../lib/jquery.js"></script>
<script src="../../lib/bootstrap/js/bootstrap.js"></script>
<script src="../../lib/bootstrapTable/bootstrap-table.js"></script>
<script src="../../lib/bootstrapTable/locale/bootstrap-table-zh-CN.js"></script>
<script src="../../lib/mock.js"></script>
<script src="../../mock/employee.js"></script>
<script src="../../mock/normal.js"></script>
<script src="../../mock/salary/normal.js"></script>



<script src="../../js/salary/normal.js"></script>
</html>
